.Widget001 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;

	@keyframes marquee {
		0% {
			transform: translateX(0);
		}

		100% {
			transform: translateX(-100%);
		}
	}

	.content {
		flex: 1;
		overflow: hidden;

		& > span {
			display: block;
			width: auto;
			white-space: nowrap;
			animation: marquee var(--time) linear infinite;
			padding-left: 100%;
			padding-right: 120%;

			& > span {
				width: 500px;
				display: inline-block;

				& > span {
					display: inline-block;
					color: white;
				}
			}

			&:hover {
				animation-play-state: paused;
			}
		}
	}
}
